import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueSetupExtend from 'vite-plugin-vue-setup-extend';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
export default defineConfig({

	base: './',
	plugins: [

		vue(),
		VueSetupExtend(),
		AutoImport({
			resolvers: [ElementPlusResolver()]
		}),
		Components({
			resolvers: [ElementPlusResolver()]
		}),
	],
	optimizeDeps: {
		include: ['schart.js']
	},
	server: {
		host: '0.0.0.0',
		port: 3000,
		cors: true,
		open: false,
		proxy: {
			'/api': {
				target: 'http://localhost:8124',
				changeOrigin: true,
				rewrite: (path: string) => path.replace(/^\/api/ ,'')
				}
		}
	},

});
// module.exports = {
// 	css: {
// 		loaderOptions: {
// 			css: {
// 				// options here will be passed to css-loader
// 			},
// 			postcss: {
// 				// options here will be passed to postcss-loader
// 				plugins: [require('postcss-px2rem')({
// 					remUnit: 37.5  //缩放比例：是75还是37.5还是其他数值，需要根据ui图来定。取值方式为  设计图宽度/10
// 				})]
// 			}
// 		}
// 	}
// }
// module.exports = {
// 	css: {
// 		loaderOptions: {
// 			css: {
// 				// options here will be passed to css-loader
// 			},
// 			"postcss": {
// 				"plugins": {
// 					"autoprefixer": {},
// 					"postcss-pxtorem": {
// 						"rootValue": 37.5,
// 						"propList":["*"]
// 					}
// 				}
// 			}
// 		}
// 	}
// }

//适配不同屏幕
// const autoprefixer = require('autoprefixer'); //根据浏览器适配css，自动加前缀，不用可以删除
// const pxtorem = require('postcss-pxtorem');
// module.exports = {
// 	//postcss-pxtorem
// 	css: {
// 		loaderOptions: {
// 			css: {},
// 			postcss: {
// 				plugins: [
//
// 					pxtorem({
// 						rootValue: 37.5,  //手机设计稿宽度为375px的
// 						propList: ['*'], //属性的选择器，*表示通用
// 						exclude: /web/i, //忽略web下的所有文件
// 						selectorBlackList: ['.a-'] // 过滤掉.a- 开头的class，不进行rem转换
// 					}),
// 				]
// 			}
// 		}
// 	},
// };